<template>
	<view class="uwo-cell" :class="{ 'uwo-cell__border': border }">
		<slot></slot>
	</view>
</template>
<script>
/**
 * Cell 单元格
 * @description Cell 单元格
 * @tutorial https://ext.dcloud.net.cn/plugin?id=22677
 * @property {boolean} border=[true|false]   是否显示外边框
 */
export default {
	name: 'uwo-cell',
	props: {
		border: {
			type: Boolean,
			default: false
		}
	}
};
</script>
<style lang="scss">
@import '../../styles/mixins/border.scss';
.uwo-cell {
	&__border {
		&::before {
			@include borderTop();
			z-index: 1;
		}

		&::after {
			@include borderBottom();
			z-index: 1;
		}
	}
}
</style>
